<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello MUI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">


    <link rel="stylesheet" href="resource/bootstrap/bootstrap.css" >
    <link rel="stylesheet" href="resource/mui/css/mui.css">
    <link rel="stylesheet" href="resource/mui/css/icons-extra.css">
    <link href="resource/css/common.css" rel="stylesheet">

    <script src="resource/js/jquery2.2.js"></script>
    <script src="resource/bootstrap/bootstrap.min.js"></script>
    <script src="resource/mui/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <style>
        html,body{
            height: 100%;
            width: 100%;
        }
        .menu-item{
            display: inline-block;
            height: 100px;
            width: 100px;
            text-align: center;
            float: left;
        }
        .menu-item div[flag=icon]{
            display: inline-block;
            font-size: 60px;
            text-align: center;
        }
        .menu-item div[flag=title]{
            font-size: 15px;
        }
        div.menu-item:hover,.menu-item div[flag=icon],.menu-item div[flag=title]{
            cursor: url(resource/img/cursor/chuyin2.webp), default;
        }
    </style>
</head>
<body>
<div  style="height: 100%;" >
    <div data="https://www.bilibili.com" class="menu-item" target="new">
        <div flag="icon" class=" mui-icon-extra mui-icon-extra-xiaoshuo"><div flag="title">BiLiBiLi</div></div>
    </div>
    <div data="module/login/index.html" class="menu-item">
        <div flag="icon" class=" mui-icon-extra mui-icon-extra-xiaoshuo"><div flag="title">登录</div></div>
    </div>
<!--    <div data="module/read/reader.html" class="menu-item">-->
<!--        <div flag="icon" class=" mui-icon-extra mui-icon-extra-xiaoshuo"><div flag="title">阅读器</div></div>-->
<!--    </div>-->
    <div data="module/yundisk/index.html" class="menu-item">
        <div flag="icon" class=" mui-icon-extra mui-icon-extra-xiaoshuo"><div flag="title">我的云盘</div></div>
    </div>
    <div data="module/wordlist/index.html" class="menu-item">
        <div flag="icon" class=" mui-icon-extra mui-icon-extra-xiaoshuo"><div flag="title">每日英语</div></div>
    </div>
<!--    <div data="module/qiyu/index.html" class="menu-item">-->
<!--        <div flag="icon" class=" mui-icon-extra mui-icon-extra-xiaoshuo"><div flag="title">剑三奇遇</div></div>-->
<!--    </div>-->
    <div data="module/qiyu/index.html" class="menu-item">
        <div flag="icon" class=" mui-icon-extra mui-icon-extra-xiaoshuo"><div flag="title">剑三奇遇</div></div>
    </div>
    <div data="module/downfile/index.html" class="menu-item">
        <div flag="icon" class=" mui-icon-extra mui-icon-extra-xiaoshuo"><div flag="title">自助爬虫</div></div>
    </div>
</div>

</body>
<script>
    $(".menu-item").on("click", function () {
        if($(this).attr("target")=="new"){
            parent&&parent.window.open($(this).attr("data"),"_blank")
        }else {
            window.location.href=$(this).attr("data")
        }
    });
</script>
</html>
